<template>
  <div class="nav-bottom">
    <ul>
      <router-link to="/Hello"><li>
        <i class="iconfont">&#xe702;</i><p>我要捐款</p>
        <!--<p>我要捐款</p>-->
        <!--<i v-else class="iconfont "> &#xe614;</i>-->
        <!--612-->
      </li></router-link>
      <router-link to="/clue"><li>
        <i class="iconfont">&#xe707;</i><p>我要求助</p>
        <!--<i v-else class="iconfont"> &#xe624;</i>-->
        <!--611-->
      </li></router-link>
      <!--<router-link to="/clue"><li style="bottom: 22px;overflow: hidden;border-radius: 50%;">-->
        <!--&lt;!&ndash;<i class="iconfont footer-middle icon-xiansuo1" style="font-size: 40px"></i>&ndash;&gt;-->
        <!--<img style="width: 60px" src="../../images/xiansuo.png" alt="">-->
      <!--</li></router-link>-->
      <router-link to="findhome"><li>
        <i class="iconfont">&#xe6ef;</i><p>信息公开</p>
        <!--<i v-else class="iconfont"> &#xe60d;</i>-->
        <!--60d-->
      </li></router-link>
      <router-link to="userhome"><li>
        <i class="iconfont">&#xe715;</i><p>个人中心</p>
        <!--<i v-else class="iconfont"> &#xe60e;</i>-->
        <!--60e-->

        <!--<span>12</span>-->
      </li></router-link>
    </ul>
  </div>
</template>

<script>
import './index.scss';
  export default {
    name: 'nav_bottom',
    data () {
      return {
//        shouye: true,
//        piliangjuan: false,
//        xiansuo: false,
//        faxian: false,
//        wo: false
      }
    },
    watch: {
//      $route:function () {
//        console.log('bianhua')
//        console.log(this.$route.name)
//        if (this.$route.name == 'batch') {
//          this.shouye = false
//          this.piliangjuan = true
//          this.faxian = false
//          this.wo = false
//        } else if (this.$route.name == 'findhome') {
//          this.shouye = false
//          this.piliangjuan = false
//          this.faxian = true
//          this.wo = false
//        }
//      }
    },
    mounted () {
//      console.log(12334)
//      console.log(this)
//      if (this.$route.name == 'Hello') {
//        this.shouye = true
//        this.piliangjuan = false
//        this.faxian = false
//        this.wo = false
//      } else if (this.$route.name == 'batch') {
//        this.shouye = false
//        this.piliangjuan = true
//        this.faxian = false
//        this.wo = false
//      } else if (this.$route.name == 'findhome') {
//        this.shouye = false
//        this.piliangjuan = false
//        this.faxian = true
//        this.wo = false
//      } else if (this.$route.name == 'userhome') {
//        this.shouye = false
//        this.piliangjuan = false
//        this.faxian = false
//        this.wo = true
//      }
    },
    methods: {
//      showWitch (e) {
//        if (e == 'piliangjuan') {
//          this.shouye = false
//          this.piliangjuan = true
//          this.faxian = false
//          this.wo = false
//          this.$router.push({path: '/batch'})
//          console.log(this.piliangjuan)
//        }
//      }
    }
  }
</script>
